/*引入混合函数*/
@import "mixins.less";
/*引入全局变量*/
@import "varibles.less";
#order{
    width: 100%;
    position: relative;
        // <!-- 头部导航 -->
        .top-nav{
            background-color: #1448ae;
            display: flex;
            font-size: 0.16rem;
                .top-nav1{
                    width: 33.333%;
                    i{
                        display: block;
                        margin: 0.1rem 0rem 0rem 0.15rem;
                        height: 0.175rem;
                       .w(35);
                        background: url(../images/icon/sprites.png) no-repeat -0.5rem -0.15rem;
                        box-sizing: border-box;
                        background-size: 3.75rem 4.75rem;
                    }
                 
                }
                p{
                    padding: 0.1rem 0rem;
                    display: block;
                    width: 33.333%;
                    text-align: center;
                    color: #ffffff;
                }
                .top-nav3{
                    padding: 0.1rem 0rem;
                    width: 33.333%;
                    text-align: right;
                    padding-right: 0.15rem;
                    color: #ffffff;
                    font-size: 0.12rem;
                    
                }
        }
        .order-page{
           width: 100%;
           
            .max-width();
            margin: 0 auto;
        .order-details{
            width: 92%;
            margin: 0.16rem auto;
            background-color: #f4f4f4;
            .order-sanya{
                
                display: flex;
                padding: 0.18rem 0rem 0.05rem 0rem;
                span{
                    color: #636363;
                    display: block;
                    margin-left: 0.1rem;
                    font-size: 0.17rem;
                }
                span.num1{
                    color: #F88412;
                    font-size: 0.15rem;
                    margin-left:0.55rem ;

                  
        
                }
                a{
                    display: block;
                    margin-left: 0.17rem;
                    background-color: #1ab2db;
                    i{
                        display: block;
                        width: 0.27rem;
                        height: 0.27rem;
                        background: url(../images/icon/sprites.png) no-repeat -2.59rem -2.58rem;
                        box-sizing: border-box;
                        background-size: 3.75rem 4.75rem;
                    }
                }
                }  
                .order-state{
                    padding: 0.1rem 0rem;
                    font-size: 0.15rem;
                    color: #666666;
                    display: flex;
                    span{
                        width: 50%;
                    }
                    span:nth-child(1){
                        padding-left: 0.45rem;
                    }
                    span:nth-child(2){
                        text-align: right;
                        padding-right: 0.14rem;
                    }
                }
                .order-btn{
                    font-size: 0.15rem;
                    color: #1AB2DB;
                    display: flex;
                    justify-content: flex-end;
                   padding: 0.08rem 0.08rem 0.16rem 0rem;
                    a{
                        border: 0.01rem solid #BBBBBB;
                        margin-right: 0.08rem;
                        padding: 0.08rem 0rem;
                        display: block;
                        width:0.73rem ;
                       text-align: center;
                       border-radius: 0.04rem;
                       color: #1AB2DB;
                    }
                    a:nth-child(3){
                        background-color: #1AB2DB;
                        color: #FFFFFF;
                        border: none;
                    }
                }
        }
     
      
        .order-check{
            font-size: 0.15rem;
            width: 92%;
            margin: 0.16rem auto;
            // border: 1px solid red;
            text-align: center;
            padding: 0.16rem 0rem;
            p{
                color: #999999;
                margin-bottom: 0.08rem;
            }
            a{
                padding:0.04rem;
               
                color: #666666;
               border: 0.01rem solid #DCDCDC;
            span{
            color: #DCDCDC;
          }
                
            }
     
         

        }
        
    }
    .order-ico{
  width: 100%;

        a{
            position: fixed;
            right: 0.2rem;
            bottom: 0.45rem;
            display: block;
            width: 0.22rem;
            height: 0.22rem;
            // background-color: red;
            i:nth-child(1){
                width: 0.22rem;
                height: 0.22rem;
                display: block;
                background: url(../images/icon/sprites.png) no-repeat -1.16rem -3.08rem;
                box-sizing: border-box;
                background-size: 3.75rem 4.75rem 
            }

        }
    }
    .order-tabbar{
        width: 100%;
        position: fixed;
        left: 0rem;
        bottom: 0rem;
        background-color: #999999;
        display: flex;
        a{
            width: 33.333%;
            display: block;
            font-size: 0.15rem;
            padding: 0.1rem 0rem;
            color: #ffffff;
        }
        a:nth-child(1){
            position: relative;
            padding-left: 0.5rem;
            i{
                position: absolute;
                top: 0.09rem;
                left: 0.25rem;
                width: 0.22rem;
                height: 0.22rem;
                background: url(../images/icon/sprites.png) no-repeat -0.23rem -3.08rem;
                box-sizing: border-box;
                background-size: 3.75rem 4.75rem ;
            }
        }
        a:nth-child(2){
            position: relative;
            padding-left: 0.4rem;
         
            i{
                position: absolute;
                top: 0.09rem;
                left: 0.18rem;
                width: 0.16rem;
                height: 0.25rem;
                background: url(../images/icon/sprites.png) no-repeat -0.69rem -3.05rem;
                box-sizing: border-box;
                background-size: 3.75rem 4.75rem ;
            }
        }
        a:nth-child(3){
            position: relative;
            padding-right: 0.43rem;
            text-align: right;
            i{
                position: absolute;
                top: 0.09rem;
                right:0.18rem;
                width: 0.2rem;
                height: 0.2rem;
                border: 0.01rem solid #ffffff;
              
            }
        }

        
    }
}